<div id="courseLive">
    <div class="panel">
        <div class="panel-body">
            <div class="top">
                <div class="title">
                    <div><i></i>热门推荐</div>
                </div>
                <ul class="clearfix">
                    <li class="pull-left" ng-repeat="item in data.hots">
                        <a ui-sref="course.liveRoom({id:item.id})">
                            <div class="top">
                                <img src="{{host}}/{{item.logo}}" alt="">
                            </div>
                            <div class="bottom clearfix">
                                <div class="left pull-left">{{item.name}}</div>
                                <div class="right pull-right">
                                    <i></i>
                                    {{item.userCount}}
                                    <!--<span class="live">直播中</span> -->
                                   <span  class="pull-right" ng-class="{'live':item.playing == 1}">{{item.playing == 0 ? "停播中" : "直播中"}}</span>
                                </div>
                            </div>
                        </a>
                    </li> 
                </ul>
            </div>
            <div class="bottom">
                <div class="title">
                    <div><i></i>精彩直播</div>
                </div>
                <ul class="clearfix">
                    <li class="pull-left" ng-repeat="item in data.lives">
                        <a ui-sref="course.liveRoom({id:item.id})">
                            <div class="top">
                                <img src="{{host}}/{{item.logo}}" alt="">
                            </div>
                            <div class="bottom clearfix">
                                <div class="left pull-left">{{item.name}}</div>
                                <div class="right pull-right">
                                    <i></i>
                                    {{item.userCount}}
                                    <!--<span class="live">直播中</span> -->
                                   <span  class="pull-right" ng-class="{'live':item.playing == 1}">{{item.playing == 0 ? "停播中" : "直播中"}}</span>
                                </div>
                            </div>
                        </a>
                    </li> 
                    <!--<li class="pull-left">
                        <a href="">
                            <div class="top">
                                <img src="../../images/aaa.jpg" alt="">
                            </div>
                            <div class="bottom clearfix">
                                <div class="left pull-left">计算机开发基础</div>
                                <div class="right pull-right">
                                    <i></i>
                                    111
                                    <span class="live">直播中</span> 
                                   
                                </div>
                            </div>
                        </a>
                    </li>-->
                </ul>
            </div>
        </div>
    </div>
</div>